<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>质量安全学院招生</title>

    
  </head>
  <body>
  <script src="etc/jquery.js"></script>
  <div id='head'></div>
   

  <div class='col-md-12 nopadding entity' style="top:80px;">
    <div id='left'></div>
    
    <div class='col-md-11 nopadding right' id='right'>
      <div id='righthead'></div>
      <include file='Cmn:rightselect'/>
      <div class='col-md-12' id='righttext'>
        <script src="etc/chart/Chart.js"></script>
        <h1>专业B</h1>
        <h3 style="border-left:4px #0283fb solid">&nbsp;简介</h3>
        <p>这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##这是一个简介##</p>
        <h3 style="border-left:4px #0283fb solid">&nbsp;学生分布比率</h3>
        <div id="canvas-holder">
          <canvas id="chart-area" width="300" height="300"/>
        </div>


        <script>

          var pieData = [
              {
                value: 300,
                color:"#F7464A",
                highlight: "#FF5A5E",
                label: "Red"
              },
              {
                value: 50,
                color: "#46BFBD",
                highlight: "#5AD3D1",
                label: "Green"
              },
              {
                value: 100,
                color: "#FDB45C",
                highlight: "#FFC870",
                label: "Yellow"
              },
              {
                value: 40,
                color: "#949FB1",
                highlight: "#A8B3C5",
                label: "Grey"
              },
              {
                value: 120,
                color: "#4D5360",
                highlight: "#616774",
                label: "Dark Grey"
              }

            ];

            window.onload = function(){
              var ctx = document.getElementById("chart-area").getContext("2d");
              window.myPie = new Chart(ctx).Pie(pieData);
            };



        </script>
        <h3 style="border-left:4px #0283fb solid">&nbsp;近三年的招生情况</h3>
        <table class='table table-hover table-striped table-bordered table-responsive' id='NBtb'>
        <thead>
          <tr>
            <th>#</th>
            <th>质量管理</th>
            <th>专业B</th>
            <th>专业C</th>
            <th>专业D</th>
            <th>专业E</th>
          </tr>
        </thead>
        <tbody>
          
          <tr>
            <td>2017年录取人数</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>

          <tr>
            <td>2016年录取人数</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>

          <tr>
            <td>2015年录取人数</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
            <td>100</td>
          </tr>
          
          
        </tbody>
      </table>
      </div>
      
    </div>
  </div>
  <div class='clearfix'></div>

  <div id='foot'></div>


  <script type="text/javascript">
     $("#head").load("head.html");
     $("#left").load("left.html");
     $("#righthead").load("righthead.html");
     
     $("#foot").load("foot.html");

  </script>



  </body>
</html>
